/* pages/sellBook/sellBook.wxss */
// 顶部轮播图展示卖家照片
page {
    background-color: #f9f8f8;
    height: 1400rpx;
}

.suers_img {
    .title {
        font-size: 40rpx;
        font-weight: bolder;
        margin-left: 40rpx;
        margin-bottom: 20rpx;
    }

    .book_photo_wrap {
        padding: 15rpx 0rpx;
        height: 600rpx;
        background-color: #fff;
        .swiper_wrap {
            display: flex;
            justify-content: center;

            .book_photo {
                height: 100%;
            }
        }
    }
}

// 书名和价格一行
.name_wrap{
    padding: 30rpx 50rpx;
    display: flex;
    justify-content: space-between;
    font-size: 40rpx;
    font-weight: bolder;
    .price{
        color: #e40a0a;
    }
}
// 具体信息一行
.book_desc_wrap {
    padding: 0rpx 40rpx;
    .book_mess_wrap {
        .book_mess {
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            font-size: 30rpx;
            .name{
                color: black;
                background-color: #f1f3f7;
                margin-top: 20rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 70rpx;
                width: 170rpx;
                border-radius: 20rpx;
            }
        }
        
    }

}

// 底部栏
.buttom_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 5%;
    left: 27%;
    .buttom{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .cart{
            font-size: 40rpx;
            color: #fff;
            background-color: #e40a5e;
            width: 350rpx;
            height: 80rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50rpx;
        }
        .cart1{
            font-size: 40rpx;
            color: #e40a5e;
            background-color: #fff;
            width: 350rpx;
            height: 80rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50rpx;
            border: 1rpx solid #e40a5e;
        }
        .others{
            color: #e40a5e;
            font-size: 30rpx;
            margin-top: 10rpx;
        }
    }
}
.book_buttom_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160rpx;
    display: flex;
    justify-content: space-around;
    border-top: 2rpx solid #e5e5e5;
    padding: 20rpx 20rpx 0 40rpx;
    background-color: #fdf7f7;
    .first {
        flex: 1;
        margin-top: 10rpx;

        .icon {
            width: 60rpx;
            height: 60rpx;
        }

        .text {
            margin-top: -8rpx;
            font-size: 30rpx;
            color: #f491bf;
        }
    }

    .second {
        flex: 4;
        height: 100rpx;
        display: flex;
        width: 220rpx;
        justify-content: center;
        align-items: center;
        background-color: #d67af8;
        border-radius: 50rpx;
        margin: 0rpx 40rpx;
        color: white;
    }

    .third {
        flex: 5;
        height: 100rpx;
        display: flex;
        width: 220rpx;
        font-weight: bolder;
        justify-content: center;
        align-items: center;
        background-color: #f491bf;
        border-radius: 50rpx;
        margin-right: 80rpx;
        color: white;
        font-size: 40rpx;
        
    }
    .hover-Third{
        box-shadow: 0rpx 1rpx 5rpx 10rpx rgba(15, 15, 15, 0.2);
        /* 水平阴影位置 垂直阴影位置 模糊的距离 阴影的大小 阴影的颜色  */
    }
}